<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    /**
     * pagination 是一个对象
     * 包含：
     * 1. page 属性
     * 2. pageSize 属性
     * 
     * 函数的参数列表也是可以解构的
     * 
     * 形参：{ page, pageSize } 
     * 
     * 函数 形参 这个不是代表一个对象，而是一个解构的语法，代表要解构实参的 page 属性和 pageSize属性，将这两个属性
     * 变为函数的  page 和 pageSize 局部变量
     * 
     */
    function getNewsListByApi({ page = 1, pageSize = 10, currentPage }) {
        console.log(page, pageSize, currentPage);

        let url = `https://yw.52kfw.cn/api/news/flist?pageSize=${pageSize}&cate_id=%E7%A7%91%E6%8A%80%E5%85%B4%E5%9B%BD`;

        console.log(url);

    }

    const list = getNewsListByApi({ page: 2, pageSize: 20, currentPage: 1 });
    console.log(list);


</script>

</html>